<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
		<title>我的-账户信息-百台云 - 直播你的梦想（https://www.100ytv.com）</title>
		<meta name="keywords" content="百台云">
		<meta name="description" content="百台云">
		<meta name="Copyright" content="百台云 All Rights Reserved">
		<meta name="Robots" content="All">
		<meta name="application-name" content="百台云 www.luoanziben.com">
		<meta name="msapplication-tooltip" content="百台云 www.luoanziben.com">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<!--title小图标显示-->
		<link rel="icon" href="images/ico-logo.png" type="image/x-icon">
		<link rel="shortcut icon" href="images/ico-logo.png">
		<link rel="Bookmark" href="images/ico-logo.png">
		<!--样式文件-->
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/bty.css" />
	</head>

	<body>
		<!--start:header头部-->
		<header id="bty_header" class="aui-bar aui-bar-nav">
			<a onclick="javascript:history.back(-1);" class="aui-pull-left aui-btn"> <span class="aui-iconfont aui-icon-left"></span> </a>
			<div class="aui-title">账户信息</div>
		</header>
		<!--end:header头部--->

		<!--start:内容区域-->
		<div class="aui-content bg-dark aui-padded-r-10 aui-padded-l-10 aui-margin-b-10 aui-font-size-14 bg-white">
			<ul class="aui-list aui-media-list">
				<li class="aui-list-item aui-list-item-middle">
					<div class="aui-media-list-item-inner" onclick="selectDialog('text','修改头像','从相册上传','拍照','取消')">
						<div class="aui-list-item-inner">
							<div class="aui-list-item-text">头像</div>
						</div>
						<div class="aui-list-item-media" style="width: 3rem;">
							<img options="size=55x55bgcolor=#ccc&color=#ffffff&fsize=16&text=55x55" class="aui-img-round placeholder"/>
						</div>
					</div>
				</li>
			</ul>
		</div>
		
		<ul class="aui-list aui-list-in aui-font-size-14 aui-margin-b-10">
            <li class="aui-list-item-inner aui-border-b">
                <div class="aui-list-item-title aui-padded-l-15">手机号码</div>
                <div class="aui-list-item-right">17601220893</div>
            </li> 
            
            <li class="aui-list-item-inner aui-border-b">
                <div class="aui-list-item-title aui-padded-l-15">昵称</div>
                <div class="aui-list-item-right">
                	<input class="aui-font-size-12 aui-text-right" type="text" id="" value="用户昵称"/>
                </div>
            </li> 
            
            <li class="aui-list-item-inner aui-list-item-arrow aui-border-b">
                <div class="aui-list-item-title aui-padded-l-15">性别</div>
                <div class="aui-list-item-right" onclick="selectDialog('text','请选择性别','女','男','取消')">女</div>
            </li>  
            
            <li class="aui-list-item-inner aui-list-item-arrow aui-border-b">
                <div class="aui-list-item-title aui-padded-l-15">微信</div>
                <div class="aui-list-item-right"><a href="mp.weixin.qq.com"></a>微信号码</div>
            </li>  
            
            <li class="aui-list-item-inner aui-list-item-arrow">
                <div class="aui-list-item-title aui-padded-l-15">QQ号码</div>
                <div class="aui-list-item-right">QQ号码</div>
            </li>   
        </ul>
        
        <div class="bg-white aui-padded-15 aui-margin-t-5 signature">
        	<p class="aui-margin-5">签名：</p>
        	<input type="text" id="thrSignature" value="这个人很懒，什么都没留下！！！" />
        </div>
        
        <div class="bg-white aui-padded-15">
        	<span class="aui-font-size-12 aui-btn aui-btn-sm aui-btn-info btn-radius aui-btn-block" >保存修改</span>
        </div>
		<!--end:内容区域-->
	</body>
	<script type="text/javascript" src="js/api.js"></script>
	<script type="text/javascript" src="js/aui-slide.js"></script>
	<script type="text/javascript" src="js/aui-tab.js"></script>
	<script type="text/javascript" src="js/aui-pull-refresh.js"></script>
	<script type="text/javascript" src="js/aui-scroll.js"></script>
	<script src="js/aui-dialog.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/placeholder.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/zepto.js" charset="utf-8"></script>
	<script type="text/javascript">
		//头部脚部占位div
 		$('#bty_header').after('<div style="height:'+ $('#bty_header').height()  +'px"></div>');
		
		var dialog = new auiDialog({})
	    function selectDialog(type,title,btn1,btn2,btn3){
            dialog.alert({
                msg:title,
                buttons:[btn1,btn2,btn3]
            },function(ret){
        		console.log(ret.buttonIndex);
            })
            document.getElementsByClassName('aui-dialog-header')[0].remove()
            var n =document.getElementsByClassName('aui-dialog')[0];
            n.style.backgroundColor = "transparent";
            n.style.top= " ";
            n.className += " selectedDialog";
            document.getElementsByClassName('aui-dialog-footer')[0].style.display= "block";
            var btn = document.getElementsByClassName('aui-dialog-btn');
            btn[btn.length-1].style.marginTop="10px";
            btn[btn.length-1].style.borderRadius="0.3rem";
            btn[btn.length-2].style.borderRadius="0 0 0.3rem 0.3rem";
	    }
	</script>
</html>